﻿@{  
    Layout = "/Views/Shared/_Layout.cshtml";
}
<style type="text/css">
    .menu { box-shadow: 0px 2px 9px rgba(0,0,0,.6); line-height: 40px; height: 40px; background: #eaeaea url(/Content/Image/bg-menu.gif) repeat-x 0 bottom; position: relative; min-width: 1086px; }
    .menu ul { width: 980px; height: 40px; }
    .menu li a { padding: 0 0 0 11px; display: block; height: 40px; text-decoration: none; color: #000; font-family: "微软雅黑"; float: left; }
    .menu li a span { float: left; background: #eaeaea url(/Content/Image/bg-menuli.gif) no-repeat 100% center; display: block; height: 39px; padding: 0 32px 0 0; }
    .menu .menu-item { margin-left: -2px; }
    .submenu { float: left; z-index: 99999999; padding: 10px 0 20px;  position: absolute; top: 40px; left: 0; background: #fff url(/Content/Image/bg-submenu.gif) repeat-x 0 bottom; width: 100%; height: 300px; filter: alpha(opacity=90); -moz-opacity: 0.9; -khtml-opacity: 0.9; opacity: 0.9; _width: 1280px; }
</style>
<div class="menu">
    <ul>
        <li><a style="background-image: url(http://developer.baidu.com/map/jsdemo/img/tab-a.png);
            background-color: rgb(234, 234, 234); background-position: 0px 3px; background-repeat: no-repeat no-repeat;"
            class="menu-item"><span style="background-image: url(http://developer.baidu.com/map/jsdemo/img/tab-b.png);
                background-color: rgb(234, 234, 234); background-position: 100% 3px; background-repeat: no-repeat no-repeat;">
                图标管理</span></a>
            <div class="submenu">
                <br>
                <br>
                <br>
            </div>
        </li>
        <li><a class="menu-item"><span>图片管理</span></a> </li>
    </ul>
</div>
@section Scripts{
    <script type="text/javascript">
        (function () {

            $(function () {
                $('.menu ul li').bind({
                    mouseover: function () {

                    },
                    mouseout: function () {

                    }
                });
            });
        } ());
    </script>
}
